import React, { FC } from "react"
import { Button, TouchableHighlight } from "react-native"
import styles from "./styles"

import { Text, View } from "../../../components/Themed"

const Home: FC = () => {
  return (
    <View style={styles.container}>
      <View style={styles.main}>
        <View style={styles.title_warp}>
          <Text style={styles.title}>欢迎来到 ZiHu！</Text>
        </View>
        <View>
          <Text style={styles.desc}>
            这是查看你的世界里新鲜事的最佳地方。现在找一些人和话题来关注吧。
          </Text>
        </View>
        <View style={styles.start_btn_warp}>
          {/* <TouchableHighlight
            onPress={() => {}}
            underlayColor="rgb(23, 129, 194)"
          >
            <Text style={styles.start_btn}>开始吧！</Text>
          </TouchableHighlight> */}
          <Button
            onPress={() => {}}
            title="开始吧!"
            color="rgb(29, 161, 242)"
            accessibilityLabel="start about this purple button"
          />
        </View>
      </View>
    </View>
  )
}

export default Home
